<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>个人博客系统-首页</title>
        <link href="source/bootstrap/css/bootstrap.css" rel="stylesheet">
        <link href="source/css/blog.css" rel="stylesheet">
        <link rel="stylesheet" href="source/layui/css/layui.css">
        <script src="source/js/jquery-3.4.1.min.js"></script>
        <script src="source/bootstrap/js/bootstrap.min.js"></script>
        <script src="../js/axios.min.js"></script>
        <script src="../js/vue.js"></script>
        <script src="source/js/index.js"></script>
        <script src="source/layui/layui.all.js"></script>
        <script type="text/javascript" src="source/ueditor/third-party/SyntaxHighlighter/shCore.js"></script>
        <link rel="stylesheet" href="source/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css">
    </head>
    <body>
        <div class="container-fluid" id="app">
            <!--头部-->
            <!-- 插入代码片段 -->
            <div id="h" class="row clearfix">
                <div class="col-md-12">
                    <nav class="navbar navbar-default navbar-fixed-top">
                        <div class="navbar-header">
                            <div class="navbar-brand" style="margin-left: 100px;"><a href="../login.html">个人博客管理系统</a></div>
                        </div>
                        <ul class="nav navbar-nav" id="home">
                            <li><a href="index.html">首页</a></li>
                            <li><a href="#" data-typeId="1">Java</a></li>
                            <li><a href="#" data-typeId="2">大数据</a></li>
                            <li><a href="#" data-typeId="3">流行框架</a></li>
                        </ul>
                        <div class="navbar-form navbar-right" style="position: relative;right: 100px">
                            <div class="form-group">
                                <input type="text" v-model="keyword" id="keyWord" class="form-control" placeholder="请输入关键字">
                            </div>
                            <button type="submit" @click="searchKey" class="btn btn-default">查询</button>
                        </div>
                    </nav>
                </div>
            </div>
            <!-- 中间主体内容部分 -->
            <div class="row" style="margin-top: 80px">
                <!-- 左侧导航栏 -->
                <div id="leftMenu">
                    <div id="lm">
                        <div class="col-md-3">
                            <div class="data_list">
                                <div class="data_list_title">
                                    <i class="glyphicon glyphicon-tasks"></i> 按日志类别
                                </div>
                                <div class="datas">
                                    <ul id="blogTypeList">

                                    </ul>
                                </div>
                            </div>
                            <div class="data_list">
                                <div class="data_list_title">
                                    <i class="glyphicon glyphicon-calendar"></i> 按日志日期
                                </div>
                                <div class="datas">
                                    <ul id="dateList">

                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 内容显示页 -->
                <div class="col-md-9" id="main">
                    <!-- 中间内容模块 -->
                    <div id="content">
                        <div class="data_list">
                            <div class="data_list_title">
                                <i class="glyphicon glyphicon-th"></i> 最新博客
                            </div>
                            <div class="datas" id="blogListDiv">
                                <ul id="blogListUl">

                                </ul>
                            </div>
                        </div>
                        <div style="text-align: center" id="pageCode">

                        </div>
                    </div>
                </div>
            </div>
            <!-- 底部部分 -->
            <div id="footer"></div>
        </div>
        <script>
            $(function () {
                //提取公共页面
                $('#footer').load("common/footer.html");
            })
        </script>
    </body>
</html>